<%--
  Created by IntelliJ IDEA.
  User: 74018
  Date: 2018/12/30
  Time: 11:17
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>车辆销售记录</title>
    <jsp:include page="${pageContext.request.contextPath}/common/common.jsp"/>
</head>
<body>
<div class="container">
    <table id="myTb"></table>
</div>
</body>
</html>
<script>
    $(function () {
        $("#myTb").bootstrapTable({
            url:"${pageContext.request.contextPath}/carsales/query",
           // toolbar: '#myForm',//工具按钮用哪个容器
            striped: true,//隔行换色
            search: true,//显示搜索框
            showRefresh: true,//是否显示刷新按钮
            height: 450,//行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度
            uniqueId: "id",//每一行的唯一标识，一般为主键列
            //showToggle:true,//是否显示详细视图和列表视图的切换按钮
            //detailView:true,//是否显示父子表
            clickToSelect: true,
            pagination:true, //是否显示分页（*）
            pageSize : 5,//单页记录数
            pageList : [5, 10],//可选择单页记录数
            columns : [
                {
                    checkbox: true
                }, {
                    field: "id",
                    title: '编号'
                },{
                    field: 'carComponents.brand',
                    title: '车辆品牌'
                }, {
                    field: 'carComponents.model',
                    title: '车型'
                },{
                    field:'carComponents.carConfig.level',
                    title:'车辆配置'
                },{
                    field:'carComponents.carConfig.color',
                    title:'车辆颜色'
                },{
                    field:'moeny',
                    title:'成交价格'
                },{
                    field:'count',
                    title:'数量'
                },{
                    field:'userInfo.workname',
                    title:'处理员工'
                },{
                    field:'guests1.name',
                    title:'客户姓名'
                },{
                    field:'date',
                    title:'时间'
                },{
                    field:'note',
                    title:'备注'
                }]
        })

    });
</script>
